<template>
  <div class="l_bao">
    <!-- 菜名 -->
    <div class="l_caiming">
      <h2>可乐鸡翅</h2>
      <div>07-18 17:26&nbsp;美食视频</div>
    </div>
    <div class="l_neirong">
      <p>可乐鸡翅之所以风靡，绝对是因为其不败的口感，外加实在是没有任何难度的做法，而导致常年被人关注，长盛不衰的地位，当然了这算是那些零厨艺人最容易得瑟的一道成品，若是聚会，多做些，摆盘摆的漂亮些，那是相当的养眼诱人啊！ </p>
      <p>今儿这道可乐鸡翅，就是零厨艺，百分百成功的典范！</p>
      <p>以鸡翅和可乐为主料制作而成，味道鲜美、色泽艳丽、鸡翅嫩滑、咸甜适中，并且保留了可乐的香气，深受大众喜欢，尤其是孩子们的忠爱。</p>
      <p></p>
    </div>
    <div class="l_shipin">
      <iframe class="l_video" src="https://player.youku.com/embed/XMjQ4MzQ0OTI0MA=="></iframe>
    </div>
    <div class="l_dianzan">
      <div class="l_zan">
        <img src="../../public/img/zan.png" alt="">
        <p class="l_zi">赞</p>
        <p class="l_shu">1638</p>
      </div>
    </div>
    

  </div>
</template>

<script>
export default {
  
}
</script>

<style scoped>
.l_bao{
  width: 100%;
  position: relative;
}
/* 菜名 */
.l_caiming{
  width: 100%;
  float: left;
  position: absolute;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.l_caiming>h2{
  color: #000;
  float: left;
  margin-left: 10px;
}
.l_caiming div{
  color: #666;
  font-size: 13px;
  float: left;
  margin-top: 65px;
  margin-left: -95px;
}

/* 内容 */
.l_neirong{
  width: 100%;
  text-align: left;
  text-indent:32px;
  margin-top: 100px;
  position: absolute;
}

.l_neirong>p{

  font-size: 16px; 
  margin-top: 0px;
}
.l_shipin{
  width: 94%;
  position: absolute;
  margin-top: 400px;
  margin-left: 10px;
}
.l_video{
  width: 80%;
  height: 150px;
}
.l_dianzan{
  width: 100%;
  height: 200px;
  position: absolute;
  top: 600px;
}
.l_zan{
  width: 100%;
  height: 160px;
  text-align: center;
  margin-top: 20px;
}
.l_zan>img{
  width: 57px;
  height: 57px;
  margin-top: 31px;
}
.l_zi{
  width: 100%;
  font-size: 12px;
  margin-top: 0px;
}
.l_shu{
  font-size: 12px;
  margin-top: -5px;
}
</style>